﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Areas/Manager/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
</head>

<body>
    <nav>
        @Html.ActionLink("Home", "Index", "Home")
        @Html.ActionLink("View Customer", "Index", "Customer")
        @Html.ActionLink("View Order", "Index", "Order")
        @Html.ActionLink("View Contact", "Index", "Contact")
        @Html.ActionLink("View product", "Index", "Product")
        @Html.ActionLink("View category", "Index", "Category")
        <div id="dropdown">
            Setting
            <ul>
                <li>@Html.ActionLink("About Us", "AboutUs", "Setting")</li>
                <li>@Html.ActionLink("Special Offers", "SpecialOffers", "Setting")</li>
                <li>@Html.ActionLink("How To Order", "HowToOrder", "Setting")</li>
                <li>@Html.ActionLink("Payment Method", "PaymentMethod", "Setting")</li>
                <li>@Html.ActionLink("Buy Unique", "BuyUnique", "Setting")</li>
            </ul>
        </div>
    </nav>
    <div class="content">
        @RenderBody()
    </div>
    <script type="text/javascript">
        $(document).ready(function () {

            $("#dropdown").hover(function () {

                $("#dropdown").children("ul").show();
            }, function () {

                $("#dropdown").children("ul").hide();
            });
        });
    </script>
</body>
</html>
